<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Combination     
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20101222

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Combination by Free CSS Templates</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

	$(document).ready(function() {
		
		//Asocia funciones a los botenes.
		$("#procesarDTD").click(function(){

			var textoDTD = $("#dtdText");
		
			$.ajax({
				type: "POST",
				url:  "procDTD.jsp",
				data: "dtd=" + $("#dtdText").attr("value"),
				success: function(msg){
				   $("#esquema").attr("value", msg)
	            },
				error: function(msg) {
			       alert("Ocurrio un error: "+msg);
				}
			});
			$("#procesarXML").removeAttr("disabled");
			return false;
		});

		$("#procesarXML").click(function(){
			var textoXML = $("#xmlText");
		
			$.ajax({
				type: "POST",
				url:  "procXML.jsp",
				data: "dtd=" + $("#dtdText").attr("value") + "&xml="+textoXML.attr("value"),
				success: function(msg){
				   $("#inserts").attr("value", msg);
	            },
				error: function(msg) {
			       alert("Ocurrio un error: "+msg);
				}
			});
			return false;

		});

		
	});

</script>

</head>

<body>
<div id="wrapper">
	<div id="header-wrapper">
		<div id="header">
			<div id="logo">
				<h1><a href="#">Demo DTD</a></h1>
			</div>
			<div id="menu">
				<ul><div class="entry">
					<li class="current_page_item"><a href="#">DTD</a></li>
					<li><a href="#">Inicio</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- end #header -->
	<div id="page">
		<div id="page-bgtop">
			<div id="page-bgbtm">
				<!--Begin Content-->
				<div id="content">
					<div id="post">
						Cargar archivo DTD.
						<br/><br/>
                        <input type="submit" id="cargarDTD" value="Seleccionar archivo"/>						
						<input type='text' id='dtdFilePath' value=''/>
						<input type="submit" id="subirDTD" value="Subir"/>

						<br/><br/>

                        <textarea id="dtdText" class="estilotextareadtd"></textarea>
                        <input type="submit" id="procesarDTD" value="Procesar"/>
						
						<br/><br/>
                    </div>
				</div>
				<!--End Content-->

				<!--Begin Descarga-->
				<div class="descarga">
					<ul>
    					<li>
						    <div style="clear: both;">&nbsp;</div>
					        <div id="search" >
			    		       <input id="descargaEsquema" type="button" value="Descargar"/>
			    		       <textarea disabled id="esquema" class="estilotextareaT2" name="t2create" > CREATE TABLE ...</textarea>
			    		    </div>
					    </li>
					</ul>                        
				</div>	
				<!--End Descarga-->

				<!--Formateo con espacios-->
				<div id="intermedio"></div>
				<div id="intermedio"></div>
				<div id="intermedio"></div>
				
				<!--Begin Content-->
				<div id="content">
					<div id="post">
						Cargar archivo XML.
						<br/><br/>
                        <input type="submit" id="cargarDTD" value="Seleccionar archivo"/>						
						<input type='text' id='dtdFilePath' value=''/>
						<input type="submit" id="subirDTD" value="Subir"/>

						<br/><br/>

                        <textarea id="xmlText" class="estilotextareadtd"></textarea>
                        <input type="submit" disabled="true" id="procesarXML" value="Procesar" />
						
						<br/><br/>
                    </div>
				</div>								
				<!--End Content-->

				<!--Begin Descarga-->
				<div class="descarga">
					<ul>
    					<li>
						    <div style="clear: both;">&nbsp;</div>
					        <div id="search" >
			    		       <input id="descargaInserts" type="button" value="Descargar"/>
			    		       <textarea id="inserts" class="estilotextareaT2" > INSERTS ...</textarea>
			    		    </div>
					    </li>
					</ul>                        
				</div>
				<!--End Descarga-->				
				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>
	</div>
	<!-- end #page -->
	<div id="footer">
		<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/"> CSS Templates</a>.</p>
	</div>
</div>
<!-- end #footer -->
</body>
</html>
